DAMN = (typeof DAMN != "undefined")?  DAMN : {};

DAMN.Layout = function() {    
		this.myLayout = $('body').layout({

		//	enable showOverflow on west-pane so popups will overlap north pane
			west__showOverflowOnHover: false

		//	reference only - these options are NOT required because are already the 'default'
		,	closable:				true	// pane can open & close
		,	resizable:				true	// when open, pane can be resized 
		,	slidable:				true	// when closed, pane can 'slide' open over other panes - closes on mouse-out

		//	some resizing/toggling settings
		//,	north__slidable:		false	// OVERRIDE the pane-default of 'slidable=true'
		//,	north__togglerLength_closed: '100%'	// toggle-button is full-width of resizer-bar
		//,	north__spacing_closed:	20		// big resizer-bar when open (zero height)
		,	south__resizable:		true	// OVERRIDE the pane-default of 'resizable=true'
		//,	south__spacing_open:	10		// no resizer-bar when open (zero height)
		//,	south__spacing_closed:	20		// big resizer-bar when open (zero height)
		//	some pane-size settings
		,	south__minSize:			50
		,	west__minSize:			100
		,	east__size:				278
		,	east__minSize:			278
		,	east__maxSize:			Math.floor(screen.availWidth / 2) // 1/2 screen width
		,	east__onresize:		'DAMN.eastLayout.resizeAll'
		, south__initClosed:       true
		
		, center__onresize: function () {
        $('.ui-layout-center').find('div.content').each(function () {
          $(this).trigger('resize');
          DAMN.Log.debug("center__onresize: "+$(this).attr('id'));
        });
    }

		});
		
		
		DAMN.eastLayout = $('div.ui-layout-east').layout({
				minSize:				50	// ALL panes
			,	center__paneSelector:	".east-center"
			,	north__paneSelector:	".east-north"
			,	north__size:			300
			, onresize: function () {
        $('.east-center').find('div.ui-tabs-panel').each(function () {
          $(this).trigger('resize');
          DAMN.Log.debug("east-center__onresize: "+$(this).attr('id'));
        });
        }
		});
		
};
